import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {
    flexDirection: "row",
    alignItems: "center",
    paddingVertical: 8,
    paddingHorizontal: 10,
    minHeight: 56,
  },
  // 底部输入栏
  bottomBar: {
    flexDirection: "row",
    alignItems: "center",
    paddingVertical: 8,
    paddingHorizontal: 10,
    minHeight: 56,
    shadowColor: "#000",
    shadowOffset: { width: 0, height: -1 },
    shadowOpacity: 0.05,
    shadowRadius: 1,
    elevation: 2,
  },
  leftIcons: {
    flexDirection: "row",
  },
  rightIcons: {
    flexDirection: "row",
  },
  input: {
    flex: 1,
    fontSize: 16,
    padding: 0,
    maxHeight: 100,
  },
  icon: {
    width: 40,
    height: 40,
    justifyContent: "center",
    alignItems: "center",
    borderRadius: 20,
  },
  voiceInputStyles: {
    flex: 1,
    flexDirection: "row",
    alignItems: "center",
    marginRight: 8,
  },
  drawerContainer: {
    paddingVertical: 10,
    borderTopWidth: 1,
  },
});
export default styles;
